
$(document).ready(function (){
	
	
	
//PERMITE AGREGAR LA FUNCIÓN DE AUTOCOMPLETAR DEL PATRON DE BÚSQUEDA***********************************
	$( "#patronbusqueda" ).autocomplete({
		delay: 200,
		minLength: 2,
		source: function( request, response ) {
					$.ajax({                 //llamada ajax
						type:"post",
						dataType: "json",
						url: "index.php",
						data:{m_modulo:"instituto",             //parámetros
								m_accion:"listar", 
								m_vista:"InstitutoListar", 
								m_formato:"json", 
								patron: request.term  //el valor del input al que se le aplica el autocomplete,
												//equivalente a document.getElementById("#patronbusqueda").value
												//equivalente a $("#patronbusqueda").val()
								},
						success: function(data){  
										return response(data);  
								},
						error: function(data){ 
									return response([{"label": "ERROR DE CONEXION", "value": {"nombreCorto":""}}]); 
								}
					});	
				},
		select: function (event, ui){
					$("#patronbusqueda").val(ui.item.value.nombreCorto);
					event.preventDefault();
				},
		focus: function (event, ui){
					event.preventDefault();
					$("#patronbusqueda").val(ui.item.value.nombreCorto);

				}		
	});	


//Permite agregar la función de mostrar toda la información del instituto
//al colocar el mouse sobre el nombre corto**********************************************************************
	$(".instituto").hover(
		function(e){
			var codigo = $(this).attr('codigo');

			$(this).css({"background-color": "cyan"});
			
			$.ajax({
				type:"post",
				dataType: "json",
				url: "index.php",
				data:{m_modulo:"instituto",
						m_accion:"mostrar", 
						m_vista:"InstitutoMostrar", 
						m_formato:"json", 
						codigo: codigo
						},
				success: function(datos, textStatus, jqXHR ){  
							$("body > #detalleinstituto").remove(); //borrar div
							$("<div id='detalleinstituto'></div>")  //crear div
							.css({"background-color": "#eeeeee",
								  "color":"blue",
								  "border":"1px dashed black",
								  "position":"absolute",
								  "width":"400px",
								  "height":"120px",
								  "top":(e.pageY - 10) + 'px',
								  "left":(e.pageX + 20) + 'px',
								  "opacity": "0.90",
								  "font-weight":"bold",
								  "display":"none"
								})
							.html( "DETALLE DEL INSTITUTO <br><br>"
							    +  "Código: " + datos.codigo + "<br>"
								+  "Nombre Corto: " + datos.nombreCorto + "<br>"
								+  "Nombre: " + datos.nombre + "<br>"
								+  "Dirección: " + datos.direccion
							)
							.appendTo("body").stop().slideDown(); //agregar div de manera animada
						}
						,
				error: function(){  
							//codigo a ejecutar cuando hay error de conexión.
						}
			})		
		}
		,
		function(e){
			$(this).css({"background-color": "transparent"}); //restaurar fondo
			$("body > #detalleinstituto").fadeOut();    //eliminar div de forma animada
			
		}
	);
	
	


});





/*Permite configurar el formulario para indicarle al servidor que debe
  emprender la acción 'eliminar' instituto. Sin embargo, pide un mensaje
  de confirmación al usuario antes de ejecutar la acción y luego envía 
  al servidor
  Parámetros de entrada:
    codigo: Código del instituto a eliminar
    nombre: nombre del instituto a eliminar, utilizado principalmente
           para mostrarle el nombre al usuario al momento de la confirmación
*/
function institutoEliminar(codigo, nombre)
{
	if  ( confirm("¿Está seguro que desea eliminar el siguiente instituto?\n\n " 
	              + nombre
	              )
	    )
			enviar("instituto","eliminar","html5","InstitutoMensaje",Array("codigo",codigo));
}






